// *****************************************页面请求数据
// 注意：
//     1.打开文档
//     2.引入必须的JS  CSS
//     3.设置属性和文档一致，form name属性值 对象属性名一致！

let form = layui.form;
// 1.请求数据
$.ajax({
    url: "/my/userinfo",
    success: function (res) {

        if (res.status == 0) {
            // 2.拿到数据，表单赋值
            form.val("user", res.data);

        }

    }
})


// 修改提交
// 新的表单元素: <input type = "hidden" name = "id">  隐藏, 意义name属性=id
// 1.注册事件:
$(".layui-form").on("submit", function (e) {
    e.preventDefault();

    // 2.验证数据  思路

    // 3.收集数据
    let data = form.val("user");

    // 4.提交数据
    $.ajax({
        url: "/my/userinfo",
    })
})



// 重置事件
// html： <button type = "reset">重置</button>
// 触发form重置默认行为
$(".layui-form").on("reset", function (e) {
    e.preventDefault();

    // 上面的封装重新调用
    get();
})